<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${lang}" lang="${lang}">
    <head>
        <title>MP Register</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <link rel="stylesheet" type="text/css" media="screen" href="@{'/public/stylesheets/crud.css'}" />
        <link rel="stylesheet" type="text/css" media="screen" href="@{'/public/stylesheets/main.css'}">
        <link rel="stylesheet" type="text/css" media="screen" href="@{'/public/stylesheets/jquery/ui-lightness/jquery-ui-1.8.2.custom.css'}">
        <link rel="stylesheet" type="text/css" media="screen" href="@{'/public/stylesheets/jquery/ui.jqgrid.css'}">
        #{get 'moreStyles' /}
        <link rel="shortcut icon" type="image/png" href="@{'/public/images/favicon.png'}">
        <script src="@{'/public/javascripts/jquery/jquery-1.4.2.min.js'}" type="text/javascript" charset="utf-8"></script>
        <script src="@{'/public/javascripts/jquery/jquery-ui-1.8.2.custom.min.js'}" type="text/javascript" charset="utf-8"></script>
        <script src="@{'/public/javascripts/jquery/jquery.ui.selectable.js'}" type="text/javascript" charset="utf-8"></script>
        <script src="@{'/public/javascripts/jquery/jquery.ui.datepicker.js'}" type="text/javascript" charset="utf-8"></script>
        <script src="@{'/public/javascripts/jquery/grid.locale-en.js'}" type="text/javascript" charset="utf-8"></script>
        <script src="@{'/public/javascripts/jquery/jquery.jqgrid.min.js'}" type="text/javascript" charset="utf-8"></script>
        #{get 'moreScripts' /}

        <style type="text/css">
            .ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 0.8em; }
        </style>

    </head>
  <body id="crud">

    <div class="header">MP Register</div>

    <div id="crudBreadcrumb">
      <ul>
	    <li><a href="/">&{'crud.home'}</a></li>
	    #{if request.url.startsWith("/admin/employees")}
	    >
	    <li><a href="/admin/employees/list/${session.clientId}">${session.clientName} Employees</a></li>
	    #{/if}
	    #{if request.url.startsWith("/admin/rates")}
	    >
	    <li><a href="/admin/rates">Rates</a></li>
	    #{/if}
	    #{if request.url.startsWith("/admin/payrollperiods") || request.url.startsWith("/payrollregister")}
	    >
	    <li><a href="/admin/payrollperiods?clientId=${session.clientId}">${session.clientName} Payroll Periods</a></li>
	    #{/if}
	    #{if request.url.startsWith("/payrollregister")}
	    >
	    <li><a href="/payrollregister/${session.payrollPeriodId}">${session.clientName} Payroll Register</a></li>
	    #{/if}
      </ul>
    </div>

    #{if flash.success}
      <div class="crudFlash flashSuccess">
        ${flash.success}
      </div>
    #{/if}
    #{if flash.error || error}
      <div class="crudFlash flashError">
        ${error ?: flash.error}
      </div>
    #{/if}

    <div id="crudContent">
      #{doLayout /}
    </div>

    <div id="crudFooter">
      Copyright 2014 by <a href="http://code.google.com/p/macje">MovingParts Labs</a>
    </div>

  </body>
</html>
